@charset "utf-8";

.header{position: relative; z-index: 99;}
.header-row{position: relative; z-index: 100; padding-bottom: 60px;}
.header-row > .container{position: relative; z-index: 11;}
  #searchWord{
                width: 325px;
                min-width: 325px;
                height: 48px;
                float: left;
                border: 1px solid #CCCCCC;
                border-right: none;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                text-indent: 20px;
                color: #999999;
                line-height: 48px;
                padding: 0;
            }

.header-swiper{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.header-swiper .swiper-container{height: 100%;}
.header-swiper .swiper-wrapper{height: 100%;}
.header-swiper .swiper-slide{position: relative; width: 100%; height: 100%; overflow: hidden;}
.header-swiper .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}


#search {
    width: 398px;
    height: 50px;
    position: absolute;
    top: 96px;
    right: 55px;
}

#search_input {
    width: 325px;
    min-width: 325px;
    height: 48px;
    float: left;
    border: 1px solid #CCCCCC;
    border-right: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 20px;
    color: #999999;
    line-height: 48px;
    padding: 0;
}

#button {
    /*float: right;*/
    width: 70px;
    height: 46px;
    float: left;
    /*background-color: #0166B6;*/
    /*background-image: url(../../images/search.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    /*background-size: 26px 26px;*/
    /*border-top-right-radius: 6px;*/
    /*border-bottom-right-radius: 6px;*/
    /*border: none;*/
}
.search_icon1{position: absolute;top: 0px;right: -50px;background:#2564d0;color: white ;width: 70px;height: 50px;font-size: 16px;font-weight: bold}
#button{ background: white;color: #2564D0;text-align: center;line-height: 46px;border:2px solid #2564D0;font-size: 16px;font-weight: bold;position: absolute;top: 0px;right:25px;}


.header-toolbar{position: relative; z-index: 10; padding-top: 5px; padding-bottom: 5px; font-size: .875em; color: #fff;}
.header-toolbar:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background: #0166b6; opacity: .4; filter: alpha(opacity=40);}
.header-toolbar > .container{position: relative; z-index: 2;}
.header-toolbar .menus li{float: left; position: relative;}
.header-toolbar .menus li > a{float: left; font-size: .875em; color: #fff; margin-top: .3125em; margin-bottom: .3125em; line-height: 28px; color: inherit;}
.header-toolbar .menus li > a i{display: inline-block; vertical-align: middle; width: 20px; height: 20px;}
.header-toolbar .menus li > a i img{display: block; width: 100%; height: 100%;}
.header-toolbar .menus li > a span{display: inline-block; vertical-align: middle; margin-top: -2px;}
.header-toolbar .menus li > b{float: left; padding-right: .625em; padding-left: .625em;}
.header-toolbar .menus li > a:hover span{opacity: .85; filter: alpha(opacity=85);}
.header-toolbar .menus li .drop{position: absolute; top: 30px; left: 50%; z-index: 9; display: none; margin-left: -60px; padding-top: 7px; width: 120px;}
.header-toolbar .menus li .drop dd{background: #fff; border-radius: 5px;}
.header-toolbar .menus li .drop dd:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: #fff;}
.header-toolbar .menus li .drop dd p{padding: 5px 10px; line-height: 30px; text-align: center;}
.header-toolbar .menus li .drop dd p a{color: #666;}
.header-toolbar .menus li .drop dd p a:hover{color: #333;}
.header-toolbar .menus li .drop dd p + p{border-top: 1px solid #f7f7f7;}
.header-toolbar .menus li .drop dt{padding: 8px; background: rgba(17,41,74, 0.5); -webkit-background: rgba(17,41,74, 0.5); border-radius: 5px;}
.header-toolbar .menus li .drop dt:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: rgba(17,41,74, 0.5);}
.header-toolbar .menus li .drop dt img{display: block; width: 100%;}
.header-toolbar .menus li .drop dt span{display: block; text-align: center; color: #fff; padding-top: 5px; line-height: 18px; font-size: 12px;}
.header-toolbar .menus li.button > a{padding: 0 1em; background-color: #a8c1ec; border-radius: 10em;}
.header-toolbar .menus li.button > a:hover span{opacity: 1; filter: alpha(opacity=100);}
.header-toolbar .menus li.jft{display: none;}


.header-logo{float: left; width: 51.73%; padding: 45px 0;}
.header-logo img{display: block; margin: 0 auto;}


.header-search{position: absolute; top: 50%; right: 0; width: 41%; margin-top: -26px; transition: all .3s;}
.header-search dl{position: relative; margin-right: 84px; border-radius: 6px 0 0 6px; background: #fff; border: 1px solid #ccc;}
.header-search dl dd{margin-right: 80px; margin-left: 20px;}
.header-search dl dd input[type="text"]{width: 100%; height: 50px; font-size: .9375em; color: #999; line-height: 50px; border: none; background: none;}
.header-search dl dd input::-webkit-input-placeholder{color: #a2a2a2;}
.header-search dl dt.button{position: absolute; top: -1px; right: -1px; bottom: -1px; width: 70px; cursor: pointer; }
.header-search dl dt.button a{display: block; font-weight: bold; color: #2564d0; line-height: 48px; text-align: center; border: 2px solid #2564d0;}
.header-search .adv{position: absolute; top: 0; bottom: 0; right: 0; width: 70px;}
.header-search .adv a{display: block; font-weight: bold; color: #fff; line-height: 48px; text-align: center; background: #2564d0; border: 2px solid #000;}


.header-mainnav{position: relative; z-index: 200; margin-top: -78px;}
.header-mainnav > .container{position: relative; background: url(../images/public/header_mainnav_bg.png) no-repeat left center; background-size: 100% 100%;}
.header-mainnav > .container_new{position: relative; background: url(../images/public/header_mainnav_bg.png) no-repeat left center; background-size: 100% 100%;width: 1200px;right: -10px;}
.header-mainnav > .container b{position: absolute; top: 18px; bottom: 18px; left: -19px; width: 19px; content: ""; background: #0166b6;}
.header-mainnav > .container b:before{position: absolute; top: -10px; right: 0; left: 0; content: ""; height: 10px; background: url(../images/public/header_mainnav_b1.png) no-repeat left bottom;}
.header-mainnav > .container b:after{position: absolute; bottom: -10px; right: 0; left: 0; content: ""; height: 10px; background: url(../images/public/header_mainnav_b2.png) no-repeat left bottom;}
.header-mainnav ul{padding: 18px 18px 18px 0;}
.header-mainnav ul li{float: left; width: 14.28571%; padding: 1em 0; text-align: center;}
.header-mainnav ul li a{position: relative; z-index: 2; display: block; color: #fff; font-size: 1.375em; text-align:center; transition: .3s;}
.header-mainnav ul li a i{display: block; width: 30px; height: 30px; margin: 0 auto 5px;}
.header-mainnav ul li a i img{display: block; width: 100%; height: 100%;}
.header-mainnav ul li a span{position: relative; display: inline-block; line-height: 40px;}
.header-mainnav ul li a:after{position: absolute; top: 0; bottom: 0; right: 0; content: ""; width: 1px; background: #fff;}
.header-mainnav ul li.navli6 a:after{content: normal;}
.header-mainnav ul li a:hover{font-weight: bold;}
.header-mainnav ul li.on a{color: #fff;}
@media (max-width:992px) {
  .header-row{height: auto; padding-bottom: 0;}	
}
@media (max-width:1500px) {
  .header-toolbar{font-size: 1em;}
  .header-toolbar .menus li > a{font-size: .9375em;}	
}
@media (max-width:1280px) {
  .header-toolbar{padding: 1px 0;}
  .header-toolbar .menus li > b{padding-right: .3125em; padding-left: .3125em;}
}
@media (max-width:992px) {
  .header-toolbar > .container > .fr{float: none; clear: both;}
  .header-toolbar .menus li.ipv6{display: none;}
  .header-toolbar .menus li.jft{display: none;}
  .header-toolbar .menus li.xmt{display: none;}
  .header-toolbar .menus li.wza font{display: none;}
  .header-toolbar .menus li.old{display: none;}
  .header-toolbar .menus li.user b{display: none;}
}
@media (max-width:450px) {
  .header-toolbar{font-size: 14px;}	
  .header-toolbar > .container > .fl{display: none;}
}
@media (max-width:1280px){
  .header-logo{width: 38%;}	
}
@media (max-width:992px){
  .header-logo{float: none; width: auto; padding-top: 35px; padding-bottom: 30px;}
  .header-logo img{width: 75%;}
}
@media (max-width:450px){
  .header-logo{float: none; width: auto; padding-top: 25px; padding-bottom: 25px;}
  .header-logo img{width: 85%;}
}
@media (max-width:1280px) {
  .header-search{width: 45%; margin-top: -21px;}
  .header-search dl dd input[type="text"]{height: 40px;	line-height: 40px;}
  .header-search dl dt.button a{line-height: 38px;}
  .header-search .adv a{line-height: 38px;}
}
@media (max-width:992px) {
  .header-search{position: relative; width: auto; margin-top: auto; margin-bottom: 25px;}
  .header-search dl{margin-right: 0;}
  .header-search .adv{display: none;}
}
@media (max-width:450px) {
  .header-search dl dd input[type="text"]{height: 40px; line-height: 40px; font-size: .875em;}
}
@media (max-width:1280px) {
  .header-mainnav > .container b{left: -15px;}
  .header-mainnav ul li a{font-size: 1.25em;}
}
@media (max-width:992px){
  .header-mainnav{margin-top: 0; background: #0166b6;}
  .header-mainnav > .container{background: none;}
  .header-mainnav > .container b{display: none;}
  .header-mainnav ul{margin-right: -2px; margin-left: -2px; padding: 0;}
  .header-mainnav ul li{position: relative; width: 28.5%; padding-top: 0; padding-bottom: 0;}
  .header-mainnav ul li.navli0{width: 14.5%;}
  .header-mainnav ul li a{margin: 2px; font-size: 1.0625em; color: #fff; height: auto; padding: .25em 0;}
  .header-mainnav ul li a:after{content: normal;}
  .header-mainnav ul li:after{position: absolute; top: 50%; right: 0; content: ""; width: 1px; height: 18px; margin-top: -9px; background: #fff; opacity: .25;}
  .header-mainnav ul li a i{display: inline-block; vertical-align: top; margin-bottom: 0;}
  .header-mainnav ul li a span{line-height: 30px; vertical-align: top;}
  .header-mainnav ul li.on a{color: #fff;}
  .header-mainnav ul li.navli3:after{content: normal;}
  .header-mainnav ul li.navli6:after{content: normal;}
  .header-mainnav ul li.navli0 a{padding: .5em 0 .25em;}
  .header-mainnav ul li.navli0 a i{display: block !important; margin-top: 2px; margin-bottom: 6px;}
  .header-mainnav ul li.navli0:after{top: 12px; bottom: 12px; height: auto; margin-top: 0;}
}
@media (max-width:768px){
  .header-mainnav .container{padding-right: 0 !important; padding-left: 0 !important;}
  .header-mainnav ul{margin-right: 0; margin-left: 0;}
  .header-row {
    height: auto;
    padding-bottom: 50px;
  }
  #search {
    width: 352px;
    height: 50px;
    position: absolute;
    top: 96px;
    right: 55px;
  }
  .header-mainnav > .container_new {
    position: relative;
    background: url(../images/public/header_mainnav_bg.png) no-repeat left center;
    background-size: 100% 100%;
    width: 1200px;
    right: 0;
  }
}
@media (max-width:375px){
  .header-mainnav ul li a{font-size: 1em; padding: 0;}
  .header-mainnav ul li a i{display: none;}
  .header-mainnav ul li.navli0 a{padding: 0;}
  .header-mainnav ul li.navli0 a i{margin-top: 4px; margin-bottom: 2px;}
  .header-mainnav ul li.navli0:after{top: 8px; bottom: 8px;}
}